<template>
	<view>
		<view class="titles">
			<view class="contents">
				<text>
					<!-- <slot name="title"></slot> -->
					<slot></slot>
				</text>
<!-- 				<text>
					<slot name="icon"></slot>
				</text> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"titles",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.titles{
	display: flex;
	justify-content:space-between;
	height: 100upx;
	border-bottom: 1px solid #dadada;
	align-items: center;
	padding: 0 30upx;
	box-sizing: border-box;
}
.contents{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
</style>
